@use "../mixins/config" as *;

/* 下一页滑动效果 */
.#{$namespace}-slide-next-move,
.#{$namespace}-slide-next-enter-active,
.#{$namespace}-slide-next-leave-active {
  transition: all 0.5s ease !important;
}
.#{$namespace}-slide-next-enter-from {
  transform: translateX(100%);
  opacity: 0;
}
.#{$namespace}-slide-next-leave-to {
  transform: translateX(-100%);
  opacity: 0;
}
.#{$namespace}-slide-next-leave-active {
  position: absolute;
}

/* 上一页滑动效果 */
.#{$namespace}-slide-prev-move,
.#{$namespace}-slide-prev-enter-active,
.#{$namespace}-slide-prev-leave-active {
  transition: all 0.5s ease !important;
}
.#{$namespace}-slide-prev-enter-from {
  transform: translateX(-100%);
  opacity: 0;
}
.#{$namespace}-slide-prev-leave-to {
  transform: translateX(100%);
  opacity: 0;
}
.#{$namespace}-slide-prev-leave-active {
  position: absolute;
}

/* 上下滚动效果 */
.#{$namespace}-scroll-move,
.#{$namespace}-scroll-enter-active,
.#{$namespace}-scroll-leave-active {
  transition: all 0.5s ease;
}
.#{$namespace}-scroll-enter-from {
  transform: translateY(70px);
  opacity: 0;
}
.#{$namespace}-scroll-leave-to {
  transform: translateY(-30px);
  opacity: 0;
}
.#{$namespace}-scroll-leave-active {
  position: absolute;
}
